$(function(){

    $("#toReg").on('click',function(){
        $('.login').hide()
        $('.register').show()
    })

    $("#toLog").on('click',function(){
        $('.login').show()
        $('.register').hide()
    })

    //从layui中获取form对象并设置自定义规则
    var form = layui.form
    form.verify({
        pwd: [
            /^[\S]{6,12}$/
            ,'密码必须6到12位，且不能出现空格'
          ]
        ,repwd: function(repwd){
            //与密码框的值进行比较
            var pwd = $(".register [name=password]").val()

            if(pwd !== repwd)
                return "两次输入的密码不一致"
        }
    });
    // 监听注册表单的提交事件并通过layur提示信息
    var layer = layui.layer
    $(".regform").on('submit',function(e){
        e.preventDefault()
        var data = {username:$(".regform [name=username]").val(),password:$(".regform [name=password]").val()}
        $.post('/api/reguser',data,function(res){
            if(res.status!==0)
                return layer.msg(res.message)
            layer.msg('注册成功，请登录')
            $('#toLog').click()
        })
    })
    //监听登录表单的提交事件
    $('.logform').submit(function(e){
        e.preventDefault()
        $.ajax({
            method:'post',
            url:'/api/login',
            data:$(this).serialize(),
            success: function(res){
                // console.log(res);
                if(res.status!==0)
                    return layer.msg('登录失败')
                layer.msg('登录成功')
                localStorage.setItem('token',res.token)
                //跳转到后台主页
                location.href = './index.html'
            }
        })
    })
})